<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Contact</title>
    <link rel="stylesheet" href="css/styles.css">
    <link rel="stylesheet" href="css/icons.css">
    <script src="js/jquery-1.10.2.min.js"></script>

    <!--region 导航栏消失-->
    <script>
        $(document).scroll(function () {
            if($(document).scrollTop()===0) {
                $("#header").removeClass("headroom--not-top headroom--unpinned");
                $("#header").addClass("headroom--pinned headroom--top");
            } else {
                $("#header").removeClass("headroom--pinned headroom--top");
                $("#header").addClass("headroom--not-top headroom--unpinned");
            }
            console.log($(document).scrollTop());
        })
    </script>
    <!--endregion-->
</head>

<style>
.container-center{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.btn.has-arrow-right:before{
    content: none;
}
</style>
<body>
<header id="header" class="headroom headroom--not-bottom headroom--pinned headroom--top" onscroll="myFunction()">
    <div id="header--bg" onscroll="myFunction()">
        <div class="d-flex align-items-center justify-content-end">

            <div id="gnav">
                <nav>
                    <ul>
                        <li><a href="./brand.html"><span>Brand</span></a></li>
                        <li><a href="./portfolio.html"><span>Portfolio</span></a></li>
                        <li><a href="./hometown.html"><span>Hometown</span></a></li>
                        <li><a href="./about.html"><span>About</span></a></li>
                        <li><a href="./contact.html"><span>Contact</span></a></li>
                        <li><a href="./index.html"><img src="./images/logo.svg"  width="20%" style="position: relative;top: -10px;left: 20px"/></a></li>
                    </ul>
                </nav>
            </div>

        </div>
    </div>
</header>
<main id="contact">
    <div id="main--image" class="main--contact active">
        <div class="container">
            <h2 id="main--text">Contact</h2>
        </div>
    </div>
    <section id="sec01">
        <div class="content-inner-lg-t">
            <div class="container pos-r">
                <div class="row justify-content-center">
                    <div class="col-lg-6">
                        <p class="text-sm-center">国家精准扶贫项目重点扶持对象<br>著名奶茶鉴定家</p>
                        <div class="btn-wrap scrt-to-top text-center pt30 pb30 visible" data-scroll="">
                            <a href="#" class="btn has-arrow-right " target="_blank" rel="noopener noreferrer">Don't call</a>
                        </div>
                        <div class="text-center en tel">
                            <a href="#"><span>TEL：</span>13965501155</a>
                            <br/>
                            <a href="#"><span>EMAIL:</span>806632876@qq.com</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</main>
<br/>
<br/>
<br/>
<br/>

<footer id="footer">
    <div class="container pos-r">
        <div class="ft--body">
            <div class="row justify-content-between">
                <div class="col-lg-5 order-lg-2">
                    <div id="foot-contact" class="row flex-column justify-content-around align-items-start" style="position: relative;top: -200px;padding: 50px">
                        <h3 class="mb40 z-index-99">Contact</h3>
                        <p class="mb30 z-index-99">著名奶茶鉴定家。<br>国家精准扶贫项目重点帮扶对象。</p>
                        <p class="z-index-99"><span>TEL:</span>139 6550 1155</p>
                        <p class="z-index-99"><span>EMAIL:</span>806632876@qq.com</p>
                    </div>
                </div>
                <div class="col-lg-7 order-lg-1 row justify-content-around align-items-start">
                    <img class="col-2" src="./images/logo-foot.svg" alt="Invincible Hair MADA">
                    <div class="d-none d-lg-block col-8">
                        <div class="row mb60">
                            <div class="col-lg-4">
                                <ul class="ft-nav">
                                    <li><a href="/concept/">Brand</a></li>
                                    <li><a href="/About/">About</a></li>
                                </ul>
                            </div>
                            <div class="col-lg-4">
                                <ul class="ft-nav">
                                    <li><a href="/recruit/">Portfolio</a></li>
                                    <li><a href="/contact/">Contact</a></li>
                                </ul>
                            </div>
                            <div class="col-lg-4">
                                <ul class="ft-nav">
                                    <li><a href="/news/">Hometown</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
</body>